<template>
    
    <div class="l-tittle w-100 b-sizing">{{title}}</div>
    
</template>
 
<script>
export default {
    name: 'vueName',
    props: {
        title: { type:String, default: 'leftTitle' }
    },
    data () {
        return {
            msg:'Welcome to your vueName'
        }
    }
}
</script>

<style scoped lang = "scss">
  .l-tittle {
    height: 20px;
    position: relative;
    padding-left: 9px;
    font-size: 17px;
    margin-bottom: 14px;
    &::before {
      position: absolute;
      left: 0;
      width: 2px;
      content: "";
      height: 16px;
      background: $primary;
      top: calc(50% - 7px);
      /* top: 50%; */
      /* transform: translateY(-50%); */
      /* transform: rotate(45deg);纵向偏移自己高度的-50% */
    }
  }
</style>